<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3 align="center">用户注册</h3>
<form action="#">
    <fieldset style="margin: auto;width: 400px" >
        <legend>身份验证-必填信息</legend>
        <table align="center">


            <tr>
                <td align="right">用户名</td>
                <td align="left"><input type="text" name="username" required="required"></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">密码</td>
                <td align="left"><input type="password" name="password" required="required"></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">确认密码</td>
                <td align="left"><input type="password" name="rePassword" required="required"></td>
                <td></td>
            </tr>

        </table>
    </fieldset>
    <fieldset style="margin: auto;width: 400px" >
        <legend>身份信息-选填信息</legend>
        <table align="center">
            <tr>
                <td align="right">所在城市</td>
                <td align="left"><input type="text" name="username"></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">工作单位</td>
                <td align="left"><input type="text" name="password"></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">家庭地址</td>
                <td align="left"><input type="text" name="rePassword"></td>
                <td></td>
            </tr>

        </table>
    </fieldset>
    <fieldset style="margin: auto;width: 400px" >
        <legend>其他个人信息</legend>
        <table align="center">

            <tr>
                <td align="right">性别</td>
                <td align="left">
                    <select name="sex">
                        <option>男孩</option>
                        <option>女孩</option>
                    </select></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">爱好</td>
                <td align="left">
                    <input type="checkbox" name="hobby">音乐
                    <input type="checkbox" name="hobby">体育
                    <input type="checkbox" name="hobby">计算机
                </td>
                <td></td>
            </tr>
            <tr>
                <td align="right">喜欢的公司</td>
                <td align="left">
                    <input type="radio" name="company">百度
                    <input type="radio" name="company">微软中国
                    <input type="radio" name="company">谷歌中国
                </td>
                <td></td>
            </tr>
            <tr>
                <td align="right">个人简介</td>
                <td align="left">
                    <textarea name="content"></textarea>
                </td>
            </tr>

        </table>
    </fieldset>
    <table align="center">

        <tr>
            <td colspan="3">
                <input type="submit" value="提交你的资料">
                <input type="reset" value="重新填写你的资料">

            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" disabled="disabled" value="无效按钮"></td>
            <td></td>
        </tr>


    </table>
</form>

</body>
</html>